/*
Theme Name: JesLee
Theme URI: http://jeslee.nl/
Description: A child clothing fantasy theme (princes and princesses).
Author: Cees van Wieringen
Version: 0.1
Tags: fantasy child cloths
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   background: transparent;
   border: 0;
   margin: 0;
   padding: 0;
   vertical-align: baseline;
}

a {
   outline: none;
}

body {
   color: #434343;
   line-height: 2;
}

h1, h2, h3, h4, h5, h6 {
   clear: both;
   font-weight: normal;
}

ol, ul {
   list-style: none;
}

blockquote {
   quotes: none;
}

blockquote:before, blockquote:after {
   content: '';
   content: none;
}

del {
   text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
   border-collapse: collapse;
   border-spacing: 0;
}

a img {
   border: none;
}

/* =Layout
-------------------------------------------------------------- */
html {
   font-family: arial, helvetica, sans-serif;
}

#container {
   margin: 0 auto;
   width: 1024px;
}

#content-holder {
}

/**************************** Utility styles*/
.hidden {
   display: none;
}

/**************************** Header */
#header {
   position: relative;
}

#header .logo {
   position: relative;
}

#header .logo img {
   left: 15px;
   position: absolute;
   top: -45px;
}

#header-left {
   float: left;
}

.menu-top-menu-container {
   float: right;
   color: #828282;
   font-size: 12px;
   margin-top: 20px;
}

.menu-top-menu-container ul {
   display: block;
   float: right;
   margin: 0;
   padding: 0;
}

.menu-top-menu-container li {
   display: block;
   float: left;
   margin: 0 0 5px 0;
}

.menu-top-menu-container li.current-menu-item a {
   color: #424242;
   font-weight: bold;
}

.menu-top-menu-container li a {
   color: #828282;
   padding: 0 5px 0 5px;
   text-decoration: none;
   height: 10px;
}

.menu-top-menu-container li + li a {
   border-left: 1px solid #828282;
}

.menu-top-menu-container li a:hover {
   color: #424242;
}

#contactInfo {
   background-color: #828282;
   left: 987px;
   padding: 10px;
   position: absolute;
   top: 30px;
}

/**************************** Menu */
.menu-header-menu-container {
   background: #ECEAEF;
   border-top: 4px solid #A4A4A4;
   clear: both;
   margin: 0;
   padding: 0;
   height: 53px;
   width: 100%;
}

.menu-header-menu-container ul {
   display: block;
   margin: 0 0 0 185px;
   padding: 0;
}

.menu-header-menu-container li {
   display: block;
   border-left: 2px solid #FFF;
   float: left; /*margin: -4px 0 0 0;*/
   height: 53px;
   width: 100px;
}

.menu-header-menu-container li a {
   color: #A4A4A4;
   display: block;
   font-size: 17px; /*height: 53px;*/
   line-height: 1.3em;
   margin-top: 5px;
   text-decoration: none; /*text-indent: -9999px;*/
}

.menu-header-menu-container li a:hover {
   color: #747474;
}

/*
.menu-header-menu-container a[title="over ons"] {
   background: url("images/menu-over-ons.jpg") no-repeat scroll center;
   width: 104px;
}

.menu-header-menu-container a[title="collectie"] {
   background: url("images/menu-collectie.jpg") no-repeat scroll center;
   width: 95px;
}

.menu-header-menu-container a[title="nieuws"] {
   background: url("images/menu-nieuws.jpg") no-repeat scroll center;
   width: 98px;
}

.menu-header-menu-container a[title="evenementen"] {
   background: url("images/menu-evenementen.jpg") no-repeat scroll center;
   width: 129px;
}
*/

/********************
* header menu submenus */
.menu-header-menu-container  li ul {
   background: #EEE;
   -webkit-border-bottom-right-radius: 15px;
   -webkit-border-bottom-left-radius: 15px;
   -moz-border-radius-bottomright: 15px;
   -moz-border-radius-bottomleft: 15px;
   border-bottom-right-radius: 15px;
   border-bottom-left-radius: 15px;
   display: none;
   margin: 0;
   padding-top: 5px;
   position: relative;
   width: auto;
   z-index: 100; /* http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/ */
}

.menu-header-menu-container li:hover > ul {
   display: block;
   margin: 0;
}

.menu-header-menu-container li ul li {
   float: none;
   height: 17px;
   padding: 2px 0 2px 0;
}

.menu-header-menu-container li ul li a {
   border: 0;
}

.menu-header-menu-container li ul li:hover {
   background: #AAA;
}

.menu-header-menu-container li ul li:last-child {
   -webkit-border-bottom-right-radius: 15px;
   -webkit-border-bottom-left-radius: 15px;
   -moz-border-radius-bottomright: 15px;
   -moz-border-radius-bottomleft: 15px;
   border-bottom-right-radius: 15px;
   border-bottom-left-radius: 15px;
}

.content-top {
   background-color: #E34AA3;
   background: #E34AA3 url("images/site/fog-cloud.png") no-repeat scroll top;
   height: 123px;
   width: 100%;
}

/**************************** Content */
#content {
   background: #f3c2df url("images/site/content-background.gif") repeat-x scroll top;
}

#content h1 {

}

#content h2 {
   margin-bottom: 20px;
}

#content p {
   padding: 5px 0;
   line-height: 1.25; /*margin-top: 200px;*/
}

#content-holder {
}

/**************************** Home model slider*/
#model-slider {
   float: left;
}

#model-slider ul {
   display: block;
   margin: 0;
   padding: 0;
}

#model-slider li {
   cursor: pointer;
   display: block;
   float: left;
   height: 44px;
   margin: 98px 0 -26px 6px;
   width: 44px;
}

#model-slider li a {
   cursor: pointer;
   text-decoration: none;
}

#model-slider li img {
   border: 0;
}

#model-slider li a:hover {
}

.menu-model-item {
   color: #FFF;
   display: block;
   font-size: 18px;
   font-weight: bold;
   margin: 7px 0 0 17px;
}

#model-slider #menu-model-impression-01 {
   background: url("images/model/model-menuitem.png") no-repeat scroll center;
   cursor: pointer;
}

#model-slider #menu-model-impression-02 {
   background: url("images/model/model-menuitem.png") no-repeat scroll center;
   cursor: pointer;
}

#model-slider #menu-model-impression-03 {
   background: url("images/model/model-menuitem.png") no-repeat scroll center;
   cursor: pointer;
}

#model-slider #menu-model-impression-04 {
   background: url("images/model/model-menuitem.png") no-repeat scroll center;
   cursor: pointer;
}

#model-slider #menu-model-impression-01:hover {
   background: url("images/model/model-menuitem-selected.png") no-repeat scroll center;
}

#model-slider #menu-model-impression-02:hover {
   background: url("images/model/model-menuitem-selected.png") no-repeat scroll center;
}

#model-slider #menu-model-impression-03:hover {
   background: url("images/model/model-menuitem-selected.png") no-repeat scroll center;
}

#model-slider #menu-model-impression-04:hover {
   background: url("images/model/model-menuitem-selected.png") no-repeat scroll center;
}

#model-slider #menu-model-impression-01.selected {
   background: url("images/model/model-menuitem-selected.png") no-repeat scroll center;
   cursor: default;
}

#model-slider #menu-model-impression-02.selected {
   background: url("images/model/model-menuitem-selected.png") no-repeat scroll center;
   cursor: default;
}

#model-slider #menu-model-impression-03.selected {
   background: url("images/model/model-menuitem-selected.png") no-repeat scroll center;
   cursor: default;
}

#model-slider #menu-model-impression-04.selected {
   background: url("images/model/model-menuitem-selected.png") no-repeat scroll center;
   cursor: default;
}

#model-impressions {
   height: 254px;
   float: left;
   position: relative;
}

.model-impression {
   left: 160px;
   position: absolute;
   top: -64px;
   width: 540px;
   z-index: 10;
}

.model-impression-small {
   left: 180px;
   position: absolute;
   top: 7px;
   width: 230px;
   z-index: 10;

}

.model-name {
   left: 644px;
   position: absolute;
   top: 177px;
   width: 221px;
   z-index: 10;
}

/**************************** Home */
.home-page {
   background: url("images/site/fog-cloud.png") no-repeat scroll top;
}

.star-cloud {
   position: absolute;
}

#star-cloud-home-01 {
   left: 39px;
   top: 91px;
}

#star-cloud-home-02 {
   left: 227px;
   top: 3px;
}

#star-cloud-home-03 {
   left: 593px;
   top: 224px;
}

.home-text {
   clear: both;
   padding: 0 0 10px 20px;
   width: 350px;
   height: 230px;
   overflow: hidden;
}

.welcome-text {
   color: #FFF;
   letter-spacing: 1px;
}

.capital {
   font-size: 22px;
}

.capital-bold {
/*font-variant:small-caps;*/
   font-weight: bolder;
   font-size: 22px;
}

/**************************** Page */
.random-model {
   float: left;
   width: 300px;
   position: relative;
}

.random-model img {
   margin: 50px 0 0 50px;
}

.random-model .fog-cloud {
/*height:759px;*/
   left: -400px;
   position: absolute;
   top: -300px;
   width: 948px;
   z-index: 10;
}

#star-cloud-page-01 {
   left: 30px;
   top: -35px;
}

.page-content {
   float: left;
   width: 720px;
}

div.page {
/*background-color:#FFF;*/
   margin: 40px 60px 0 0;
   padding: 25px 25px 5px 25px;
}

.page-bottom {
   clear: both;
}

/**************************** Footer */
.footer {
   clear: both;
}

.footer-separator {
   background-color: #E34AA0;
   height: 7px;
   width: 100%;
}

.footer-top {
   background-color: #E9E4EA;
   height: 40px;
   width: 100%;
}

.footer-bottom {
   height: 50px;
}

.design-by {
   color: #848484;
   font-size: 12px;
   margin: 10px 0 0 10px;
}